<template>
  <view class="body" style="padding: 20rpx">
      <view style="color: #ca171d">退至虚拟库指退库类型允许选择可用不入库和不可用不入库。</view>
      <view style="border: 2rpx solid rgba(228, 228, 228, 1)">
          <view style="display: flex;">
              <view style="width: 40%;border-right:2rpx solid rgba(228, 228, 228, 1);padding: 5rpx;display: flex;align-items: center;justify-content: center ">五类（细类）编码</view>
              <view style="width: 60%;text-align: center;padding: 5rpx;display: flex;align-items: center;justify-content: center">五类（细类）名称</view>
          </view>
          <view v-for="(item,index) in dataList" :key="index" style="display: flex;border-top: 2rpx solid rgba(228, 228, 228, 1)">
              <view style="width: 40%;text-align: center;border-right:2rpx solid rgba(228, 228, 228, 1);padding: 5rpx;display: flex;align-items: center;justify-content: center">{{item.catCodeFive}}</view>
              <view style="width: 60%;text-align: center;padding: 5rpx;display: flex;align-items: center;justify-content: center">{{item.catNameFive}}</view>
          </view>
      </view>
  </view>
</template>

<script>
import talkingdata from '../../common/talkingdata.js'
import OutOrderList from './outOrderList.vue'
import NumberBox from "@/component/numberBox/u-number-box.vue";
import ApplyForList from "@/inspur/materialRequisition/applyForList.vue";
import ApplicationFormList from "@/inspur/materialRequisition/applicationFormList.vue";

export default {
  components: {

  },
  data() {
    return {
        dataList:[]
    }
  },
  onLoad(option) {
      this.getList();
  },
  methods: {
     getList(){
         this.$axios.post('/material/api/retreat/config/list').then((res)=>{
             this.dataList=res.data;
         })
     }
  },
}
</script>
<style>
@import "@/common/common-ui.css";
</style>
<style scoped lang="scss">
</style>
